<!--
* description: 回复技术援助单**
* author:沈赛
* createdDate:2021-1-28
-->
<template>
  <section class="editBigAreaInfo">
    <el-dialog
      v-dialogDrag
      :close-on-click-modal="false"
      :title="textMap[popupsState]"
      :append-to-body="true"
      :visible.sync="curPopupsVisible"
      width="70%"
      @close="closeEdit"
      @opened="open"
    >
      <dialogHeader
        slot="title"
        :title="textMap[popupsState]"
        :style-type="$store.state.app.dialogType"
      />

      <div class="filter-container filter-title">基本信息</div>
      <div class="filter-container filter-params">
        <el-row ref="vailComponentList" :gutter="26">
          <component
            :is="comp.component"
            v-for="comp in tableComponents1.filter((o) => o.isMust === true)"
            :ref="comp.isRequire ? comp.isRequire + comp.compKey : comp.compKey"
            :key="comp.compKey"
            :validrule="comp.validrule"
            :code-field="comp.codeField"
            :text-field="comp.textField"
            :popups-key="comp.compKey"
            :parent-fileds="comp.parentFileds || ''"
            :code="formField[comp.codeField]"
            :disabled="true"
            :is-require="comp.isRequire"
            :span="comp.span || 6"
            :label-name="comp.labelName"
            :lookuptype="comp.lookuptype"
            :options="comp.options"
            :o-fields="comp.oFields"
            @changeCode="getComponentCode"
          />
        </el-row>
      </div>

      <div class="filter-container filter-title">故障信息</div>
      <div class="filter-container filter-params">
        <el-row ref="vailComponentList" :gutter="26">
          <component
            :is="comp.component"
            v-for="comp in tableComponents2.filter((o) => o.isMust === true)"
            :ref="comp.isRequire ? comp.isRequire + comp.compKey : comp.compKey"
            :key="comp.compKey"
            :validrule="comp.validrule"
            :code-field="comp.codeField"
            :text-field="comp.textField"
            :popups-key="comp.compKey"
            :parent-fileds="comp.parentFileds || ''"
            :code="formField[comp.codeField]"
            :disabled="comp.disabled"
            :is-require="comp.isRequire"
            :span="comp.span || 6"
            :label-name="comp.labelName"
            :lookuptype="comp.lookuptype"
            :options="comp.options"
            :o-fields="comp.oFields"
            @changeCode="getComponentCode"
          />
        </el-row>
      </div>

      <div class="filter-container filter-title">其他信息</div>
      <div class="filter-container filter-params huifu">
        <div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="附件" name="first">
              <one-table-template
                ref="multipleTable"
                :dynamic-table-cols="tableCols"
                :dynamic-buttons="tableButtons"
                :dynamic-is-show-select="false"
                :dynamic-is-show-more-btn="true"
                :dynamic-table-defult-height="300"
                :is-show-pagination="false"
              />
            </el-tab-pane>
            <!-- <el-tab-pane label="故障码列表" name="second">
              <one-table-template
                ref="multipleTable1"
                :dynamic-table-cols="tableCols2"
                :dynamic-is-show-select="false"
                :dynamic-is-show-more-btn="true"
                :dynamic-table-defult-height="300"
                :isShowPagination="false"
              />
            </el-tab-pane> -->
          </el-tabs>
        </div>
      </div>

      <div class="filter-container filter-title fanhuixinxi">
        技术援助单回复
      </div>
      <div class="filter-container filter-params">
        <el-tabs v-model="activeName1">
          <el-tab-pane label="回复" name="first">
            <one-table-template
              ref="multipleTable2"
              :dynamic-components="tableComponents3"
              :dynamic-form-fields="formField1"
              :dynamic-buttons="tableButtons2"
              :dynamic-is-show-select="false"
              :dynamic-is-show-more-btn="true"
              :dynamic-table-defult-height="300"
              :is-show-pagination="false"
            />
          </el-tab-pane>
          <!-- <el-tab-pane label="重新转派" name="second">
            <one-table-template
              ref="multipleTable3"
              :dynamic-components="tableComponents4"
              :dynamic-buttons="tableButtons3"
              :dynamic-is-show-select="false"
              :dynamic-is-show-more-btn="true"
              :dynamic-table-defult-height="300"
              :isShowPagination="false"
            />
          </el-tab-pane> -->
        </el-tabs>
      </div>
    </el-dialog>
  </section>
</template>
<script>
import { formMixins } from '@/components/mixins/formMixins'
import OneTableTemplate from '@/components/templates/oneTable'

export default {
  components: {
    dialogHeader: () => import('@/components/dialogHeader'),
    mixButton: () => import('@/components/basicComponent/mixButton'),
    OneTableTemplate
  },

  // 组件混入对象
  mixins: [formMixins],

  props: {
    popupsVisible: { type: Boolean, default: false },
    // 从网格传入的编辑行数据(json)
    dynamicEditRowData: {
      type: Object,
      default: function() {
        return {}
      }
    }
  },

  data() {
    const viewPageCode = 'bigAreaInfo-edit'
    return {
      // 动态组件-按钮
      // tableButtons: [
      //   {
      //     compKey: "btnKey1",
      //     type: "primary",
      //     size: "small",
      //     icon: "iconfont  icon-preservation",
      //     clickEvent: () => this.save(),
      //     text: "批量下载",
      //     position: "right"
      //   }
      // ],
      tableButtons2: [
        {
          compKey: 'btnKey1',
          type: 'primary',
          size: 'small',
          icon: 'iconfont  icon-preservation',
          clickEvent: () => this.repley(),
          text: '回复',
          position: 'right'
        },
        {
          compKey: 'btnKey2',
          type: 'primary',
          size: 'small',
          icon: 'iconfont  icon-cancel',
          clickEvent: () => this.close(),
          text: '转派处理'
        }
      ],
      tableButtons3: [
        {
          compKey: 'btnKey1',
          type: 'primary',
          size: 'small',
          icon: 'iconfont  icon-preservation',
          clickEvent: () => this.save(),
          text: '重新转派',
          position: 'right'
        }
      ],

      // 动态组件-查询条件
      tableComponents1:
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path] &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
          .tableComponents1 &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
          .tableComponents1.length > 0
          ? this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
            .tableComponents1
          : [
            {
              compKey: 'compKey1',
              labelName: '申请编号：',
              codeField: 'applyCode',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              isMust: true
            },
            {
              compKey: 'compKey2',
              labelName: '申请日期：',
              codeField: 'applyDate',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              isRequire: true,
              isMust: true
            },
            {
              compKey: 'compKey3',
              labelName: '类型：',
              codeField: 'type',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              isMust: true
            },
            {
              compKey: 'compKey4',
              labelName: '紧急度：',
              codeField: 'urgency',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              isMust: true
            },
            {
              compKey: 'compKey5',
              labelName: '门店编码：',
              codeField: 'dlrCode',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              isMust: true
            },
            {
              compKey: 'compKey6',
              labelName: '门店名称：',
              codeField: 'dlrFullName',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              isMust: true
            },
            // {
            //   compKey: "compKey3",
            //   labelName: "区域：",
            //   codeField: "countyName",
            //   component: () => import("@/components/org/commonInput"),
            //   type: "inputText",
            //   isMust: true
            // },
            {
              compKey: 'compKey7',
              labelName: '省/市：',
              codeField: 'provinceName',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              isMust: true
            },
            {
              compKey: 'compKey8',
              labelName: '申请状态：',
              codeField: 'status',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              isMust: true,
              isMul: false
            },
            {
              compKey: 'compKey9',
              labelName: 'VIN码：',
              codeField: 'vin',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isRequire: true,
              isMust: true
            },
            // {
            //   compKey: "compKey5",
            //   labelName: "车型号：",
            //   codeField: "carConfigCode",
            //   component: () => import("@/components/org/commonInput"),
            //   type: "dropdownList",
            //   isRequire: true,
            //   isMust: true
            // },
            {
              compKey: 'compKey10',
              labelName: '车系：',
              codeField: 'carConfigCn',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey11',
              labelName: '车型名称：',
              codeField: 'carSeriesCn',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey12',
              labelName: '生产日期：',
              codeField: 'produceDate',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey13',
              labelName: '保修开始日期：',
              codeField: 'saleDate',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey14',
              labelName: '行驶里程：',
              codeField: 'mileage',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey15',
              labelName: '前电机号：',
              codeField: 'engineCode',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey16',
              labelName: '后电机号：',
              codeField: 'engineCode2',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey17',
              labelName: '减速器号：',
              codeField: '',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey18',
              labelName: '增程器号：',
              codeField: '',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey19',
              labelName: '电池包编号：',
              codeField: 'batteryCode',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey20',
              labelName: '车主姓名：',
              codeField: 'netCustName',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey21',
              labelName: '车主电话：',
              codeField: 'netPhone',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey22',
              labelName: '送修人：',
              codeField: 'sendName',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey23',
              labelName: '送修人电话：',
              codeField: 'sendMobile',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true
            },
            {
              compKey: 'compKey24',
              labelName: '车主地址：',
              codeField: 'ownerAdd',
              component: () => import('@/components/org/commonInput'),
              type: 'dropdownList',
              isMust: true,
              span: 24
            }
          ],

      // 动态组件-查询条件
      tableComponents2:
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path] &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
          .tableComponents2 &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
          .tableComponents2.length > 0
          ? this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
            .tableComponents2
          : [
            {
              compKey: 'compKey25',
              labelName: '主题：',
              codeField: 'faultTopic',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              disabled: true,
              isMust: true,
              span: 24
            },
            {
              compKey: 'compKey26',
              labelName: '故障编码：',
              codeField: 'faultCode',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              disabled: true,
              isRequire: true,
              isMust: true
            },
            {
              compKey: 'compKey27',
              labelName: '故障现象：',
              codeField: 'csCtName',
              component: () => import('@/components/org/commonInput'),
              type: 'datePicker',
              disabled: true,
              isMust: true
            },
            {
              compKey: 'compKey28',
              labelName: '故障系统：',
              codeField: 'faultSystem',
              component: () => import('@/components/org/commonSelect'),
              type: 'inputText',
              isRequire: true,
              isMust: true,
              disabled: true
            },
            {
              compKey: 'compKey29',
              labelName: '故障日期：',
              codeField: 'faultDate',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              disabled: true,
              isRequire: true,
              isMust: true
            },
            {
              compKey: 'compKey30',
              labelName: '主故障件号：',
              codeField: 'mainPartCode',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              disabled: true,
              isRequire: true,
              isMust: true
            },
            {
              compKey: 'compKey31',
              labelName: '主故障件名称：',
              codeField: 'faultPartName',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              disabled: true,
              isMust: true
            },
            {
              compKey: 'compKey32',
              labelName: '申报人：',
              codeField: 'apply',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              disabled: true,
              isRequire: true,
              isMust: true
            },
            {
              compKey: 'compKey33',
              labelName: '申报人电话：',
              codeField: 'applyMobile',
              component: () => import('@/components/org/commonInput'),
              type: 'inputText',
              disabled: true,
              isRequire: true,
              isMust: true
            },
            {
              compKey: 'compKey34',
              labelName: '故障描述：',
              codeField: 'faultDesc',
              component: () =>
                import('@/components/org/commonInput/textareaInput'),
              type: 'dropdownList',
              disabled: true,

              isMust: true,
              span: 24
            },
            {
              compKey: 'compKey35',
              labelName: '诊断过程：',
              codeField: 'diagnostic',
              component: () =>
                import('@/components/org/commonInput/textareaInput'),
              type: 'dropdownList',
              disabled: true,

              isMust: true,
              span: 24
            },
            {
              compKey: 'compKey36',
              labelName: '故障原因：',
              codeField: 'faultReson',
              component: () =>
                import('@/components/org/commonInput/textareaInput'),
              type: 'dropdownList',
              disabled: true,

              isMust: true,
              span: 24
            },
            {
              compKey: 'compKey37',
              labelName: '维修方案：',
              codeField: 'repairMethod',
              component: () =>
                import('@/components/org/commonInput/textareaInput'),
              type: 'dropdownList',
              disabled: true,

              isMust: true,
              span: 24
            }
          ],

      // 动态组件-查询条件
      tableComponents3:
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path] &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
          .tableComponents3 &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
          .tableComponents3.length > 0
          ? this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
            .tableComponents3
          : [
            {
              compKey: 'compKey38',
              labelName: '校正故障系统：',
              codeField: 'realFaultSystem',
              isRequire: false,
              component: () => import('@/components/org/LookupValue'),
              type: 'dropdownList',
              isMust: true,
              span: 8,
              oFields: 'realFaultSystem,realFaultSystemName',
              options: [
                { realFaultSystem: '1', realFaultSystemName: '车身' },
                { realFaultSystem: '2', realFaultSystemName: '驾驶室' },
                { realFaultSystem: '3', realFaultSystemName: '底盘' }
              ]
            },
            {
              compKey: 'compKey39',
              labelName: '回复信息：',
              codeField: 'repleyRemark',
              component: () =>
                import('@/components/org/commonInput/textareaInput'),
              type: 'dropdownList',
              isMust: true,
              span: 24
            }
          ],

      // 动态组件-查询条件
      tableComponents4:
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path] &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
          .tableComponents4 &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
          .tableComponents4.length > 0
          ? this.$ConfigCache.CacheConfig.cacheData[this.$route.path]
            .tableComponents4
          : [
            {
              compKey: 'compKey40',
              labelName: '部门：',
              codeField: 'invoiceNo',
              component: () => import('@/components/org/commonSelect'),
              type: 'inputText',
              isMust: true
            },
            {
              compKey: 'compKey41',
              labelName: '科室：',
              codeField: 'invoiceNo',
              component: () => import('@/components/org/commonSelect'),
              type: 'inputText',
              isMust: true
            },
            {
              compKey: 'compKey42',
              labelName: '员工：',
              codeField: 'invoiceNo',
              component: () => import('@/components/org/commonSelect'),
              type: 'inputText',
              isMust: true
            }
          ],
      // 标题
      textMap: {
        edit: '回复技术援助单',
        add: '回复技术援助单'
      },

      // // 表单数据（无需赋值，由混入对象赋值）
      // formField: this.$utils.getFormField(
      //   this,
      //   {
      //     bigAreaId: ""
      //   },
      //   this.$ConfigCache.CacheConfig.cacheData[viewPageCode]
      // ),

      activeName: 'first',
      activeName1: 'first',

      tableCols:
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path] &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path].tableCols &&
        this.$ConfigCache.CacheConfig.cacheData[this.$route.path].tableCols
          .length > 0
          ? this.$ConfigCache.CacheConfig.cacheData[this.$route.path].tableCols
          : [
            {
              prop: 'controlBtn',
              label: '操作',
              codeField: 'controlBtn',
              width: 100,
              align: 'center',
              fixed: true,
              isComponent: true,
              comps: [
                {
                  compKey: 'propKey1',
                  align: 'center',
                  labelName: '下载',
                  component: () => import('@/components/org/linkButton'),
                  clickEvent: (index) => this.fileDownload(index)
                }
              ]
            },
            {
              prop: 'fileName',
              label: '附件名称',
              align: 'center'
            },
            {
              prop: 'fileSite',
              label: '附件地址',
              align: 'center',
              hidden: true
            }
          ],

      formField: {},

      // tableCols2:
      //   this.$ConfigCache.CacheConfig.cacheData[this.$route.path] &&
      //   this.$ConfigCache.CacheConfig.cacheData[this.$route.path].tableCols2 &&
      //   this.$ConfigCache.CacheConfig.cacheData[this.$route.path].tableCols2
      //     .length > 0
      //     ? this.$ConfigCache.CacheConfig.cacheData[this.$route.path].tableCols2
      //     : [
      //         {
      //           prop: "carSeriesCn",
      //           label: "",
      //           align: "center"
      //         },
      //         {
      //           prop: "ecu",
      //           label: "ECU",
      //           align: "center"
      //         },
      //         {
      //           prop: "dtc",
      //           label: "DTC",
      //           align: "center"
      //         },
      //         {
      //           prop: "faultDesc",
      //           label: "故障描述",
      //           align: "center"
      //         },
      //         {
      //           prop: "faultStatus",
      //           label: "故障状态",
      //           align: "center"
      //         },
      //         {
      //           prop: "softVersion",
      //           label: "软件版本号",
      //           align: "center"
      //         },
      //         {
      //           prop: "hardVersion",
      //           label: "硬件版本号",
      //           align: "center"
      //         }
      //       ],

      // apiConfig2: api.queryExhibitionCarProductionByDetail,
      // 动态组件-按钮

      formField1: {
        repleyRemark: '',
        realFaultSystem: ''
      }
    }
  },

  methods: {
    // 下载附件
    fileDownload(index) {
      if (this.$refs['multipleTable'].list[index].fileSite) {
        this.$utils.FileDownload([
          this.$refs['multipleTable'].list[index].fileSite
        ])
      }
    },
    // 转派处理
    close() {
      if (!this.formField1.realFaultSystem) {
        this.$message({
          message: '请选择校正故障系统',
          type: 'warn',
          uration: 1000
        })
        return
      }
      const queryObj = {
        type: 'mutation',
        apiConfig: {
          ServiceCode: 'transferProcessing',
          APIUrl:
            '/mp/e3sh/aftersale/TechnicalAssistanceSheetService/transferProcessing.do'
        },
        variables: {
          appleyId: this.dynamicEditRowData.appleyId,
          realFaultSystem: this.formField1.realFaultSystem // 校正故障系统
        }
      }
      var paramD = this.$getParams(queryObj)
      this.$requestAPI(paramD).then((response) => {
        if (response.result === '1') {
          this.$message({
            message: '转派处理成功' /* 处理成功*/,
            type: 'success',
            duration: 1000
          })
          this.curPopupsVisible = false
          this.$nextTick(() => {
            this.$parent.queryTable(1)
          })
        } else {
          // 保存失败
          this.$message({
            message: '转派处理失败:' + response.msg,
            type: 'warn',
            uration: 1000
          })
        }
        this.curPopupsVisible = false
      })
    },
    closeEdit() {
      this.$emit('close')
    },
    open() {
      this.formField1.repleyRemark = ''
      this.formField1.realFaultSystem = ''

      if (this.popupsState == 'edit') {
        const queryObj = {
          type: 'mutation',
          apiConfig: {
            ServiceCode: 'findAnswerDetail',
            APIUrl:
              '/mp/e3sh/aftersale/TechnicalAssistanceSheetService/findAnswerDetail.do'
          },
          variables: {
            appleyId: this.dynamicEditRowData.appleyId
          }
        }
        var paramD = this.$getParams(queryObj)
        this.$requestAPI(paramD).then((response) => {
          this.formField = response.rows[0]
          this.formField1.realFaultSystem = response.rows[0].realFaultSystem
          this.$refs.multipleTable.list = response.rows[0].fujianInfo
          // this.$refs.multipleTable1.list = response.rows[0].partList
        })
      }
    },
    repley() {
      if (!this.formField1.realFaultSystem) {
        this.$message({
          message: '请选择校正故障系统',
          type: 'warn',
          uration: 1000
        })
        return
      }
      const queryObj = {
        type: 'mutation',
        apiConfig: {
          ServiceCode: 'reply',
          APIUrl: '/mp/e3sh/aftersale/TechnicalAssistanceSheetService/reply.do'
        },
        variables: {
          appleyId: this.dynamicEditRowData.appleyId,
          repleyRemark: this.formField1.repleyRemark,
          realFaultSystem: this.formField1.realFaultSystem // 校正故障系统
        }
      }
      var paramD = this.$getParams(queryObj)
      this.$requestAPI(paramD).then((response) => {
        if (response.result === '1') {
          this.$message({
            message: this.$t('sys.tips.esTip5') /* 保存成功*/,
            type: 'success',
            duration: 1000
          })
          this.curPopupsVisible = false
          this.$nextTick(() => {
            this.$parent.queryTable(1)
          })
        } else {
          // 保存失败
          this.$message({
            message: '保存失败:' + response.msg,
            type: 'warn',
            uration: 1000
          })
        }
        this.curPopupsVisible = false
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.promptSpan {
  position: absolute;
  bottom: 26px;
  right: 335px;
  color: #e70020;
}
.filter-title {
  font-size: 18px;
  font-weight: bolder;
}
.filter-container.filter-title::before {
  border-left: 4px solid #0075ff;
  padding-right: 10px;
  height: 20px;
  left: 0px;
  top: 4px;
}
.prompt {
  color: #e70020;
  font-size: 13px;
  height: 15px;
  line-height: 15px;
}

/deep/.filter-params .el-col {
  margin-bottom: 15px;
}
/deep/.filter-container .el-textarea__inner {
  height: 70px;
}
.huifu {
  position: relative;
  left: 0;
  top: 0;
}
// .aa {
// 	position: absolute;
// 	right: 23px;
// 	top: 47px;
// 	width: 68px;
// 	height: 27px;
// 	border-radius: 2px;
// 	font-size: 12px;
// 	border: none;
// }
.bb {
  // 	position: absolute;
  // 	right: 23px;
  // 	top: 47px;
  // 	width: 68px;
  // 	height: 27px;
  // 	border-radius: 2px;
  // 	font-size: 12px;
  // 	border: none;
  // padding-right: 10px;
}
.fanhuixinxi {
  margin-top: 15px;
}
.cc {
  margin: 10px 10px 10px 0;
}
</style>
